/*index*/

.header-padding {
	display: none;
}


.swiper-container {
	width: 100vw;
	height: 600px;
}

.swiper-container .swiper-wrapper .swiper-slide {
	background-size: 100% 100% !important;
}

.section-1 {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 6px 70px 1px rgba(0, 0, 0, .1);
	margin-top: -65px;
	position: relative;
	z-index: 3;
}

.section-1 .list {
	padding: 35px 0;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section-1 .list li {
	width: 25%;
	flex-grow: 1;
}

.section-1 .list li a {
	overflow: hidden;
	display: block;
	display: flex;
	align-items: center;
}

.section-1 .list li .img {
	float: left;
	transition: all .2s;
	width: 51px;
	height: 59px;
	margin-left: 40px;
	background-repeat: no-repeat;
	background-size: contain;
}

.section-1 .list li.item-1 .img {
	background-image: url(../images/icon_01.png);
}

.section-1 .list li.item-2 .img {
	background-image: url(../images/icon_02.png);
}

.section-1 .list li.item-3 .img {
	background-image: url(../images/icon_03.png);
}

.section-1 .list li.item-4 .img {
	background-image: url(../images/icon_04.png);
}

.section-1 .list li .text {
	float: left;
	width: 170px;
	margin-left: 32px;
}

.section-1 .list li h3 {
	font-size: 18px;
	margin-bottom: 7px;
}

.section-1 .list li p {
	font-size: 14px;
	color: #95989d;
}

.section-2 {
	padding-bottom: 40px;
}

.section-2 .section-tab .tab-item {
	width: 494px;
	transition: all .2s;
	float: left;
	margin-top: 80px;
}

.section-2 .section-tab .tab-item.tab-1 {
	margin-left: 20px;
}

.section-2 .section-tab .tab-item.tab-2 {
	margin-left: 23px;
}

.section-2 .section-tab .item-hd {
	width: 462px;
	height: 136px;
	transition: all .2s;
	background: #EFF5FB;
	border-radius: 5px 5px 0 0;
	margin-left: 16px;
}

.section-2 .section-tab .hd-wrap {
	padding: 25px 30px;
}

.section-2 .section-tab .hd-wrap .title {
	overflow: hidden;
	margin-bottom: 10px;
}

.section-2 .section-tab .hd-wrap .title h3 {
	font-size: 24px;
	float: left;
}

.section-2 .section-tab .hd-wrap .title span {
	float: left;
	height: 26px;
	line-height: 26px;
	background: rgba(0, 0, 0, .1);
	border-radius: 13px;
	padding: 0 15px;
	margin-left: 15px;
	font-size: 14px;
	color: #999;
	margin-top: 4px;
}

.section-2 .section-tab .hd-wrap p {
	font-size: 14px;
	color: #95989d;
}

.section-2 .section-tab .item-bd {
	width: 494px;
	height: 504px;
	overflow: hidden;
	transition: all .2s;
	box-shadow: 0 0 40px rgba(33, 40, 60, .1);
	border-radius: 5px;
}

.section-2 .section-tab .bd-wrap {
	width: 430px;
	margin: 0 auto;
	transition: all .2s;
}

.section-2 .tab-1-slide .hd {
	height: 58px;
	border-bottom: 1px solid #ECECEC;
	margin-bottom: 30px;
}

.section-2 .tab-1-slide .hd li {
	float: left;
	cursor: pointer;
	width: 25%;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 14px;
	border-bottom: 2px solid #fff;
}

.section-2 .tab-1-slide .hd li i {
	width: 27px;
	height: 20px;
	transition: background .2s;
	vertical-align: -4px;
	margin-right: 5px;
	display: inline-block;
	background: url(../images/02-teb-icon.png) no-repeat;
}

.section-2 .tab-1-slide .hd li.item-1 i {
	background-position: 0 0;
}

.section-2 .tab-1-slide .hd li.item-2 i {
	background-position: -41px 0;
}

.section-2 .tab-1-slide .hd li.item-3 i {
	background-position: -83px 0;
}

.section-2 .tab-1-slide .hd li.item-4 i {
	background-position: -123px 0;
}

.section-2 .tab-1-slide .hd li.on {
	color: #3e4f65;
	border-bottom: 3px solid #FE4A2E;
}

.section-2 .tab-1-slide .hd li.on i {
	background-position-y: bottom;
}

.section-2 .tab-1-slide dl dd {
	border: 1px solid #ECECEC;
	position: relative;
	transition: all .2s;
}

.section-2 .tab-1-slide .img {
	transition: all .2s;
}

.section-2 .tab-1-slide .text {
	transition: all .2s;
}

.section-2 .tab-1-slide h4 {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	font-weight: bold;
}

.section-2 .tab-1-slide p {
	font-size: 14px;
	color: #888;
}

.section-2 .tab-1-slide .l-btn {
	width: 82px;
	height: 28px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #3e4f65;
	color: #3e4f65;
	transition: all .2s;
}

.section-2 .tab-1-slide .l-btn:hover {
	background: #3e4f65;
	color: #fff;
}

.section-2 .tab-1-slide .dl-2 dd {
	height: 172px;
	margin-bottom: 30px;
}

.section-2 .tab-1-slide .dl-2 .img {
	float: left;
	width: 168px;
	height: 172px;
	background-position: center center;
	background-size: 80%;
	background-repeat: no-repeat;
}

.section-2 .tab-1-slide .dl-2 .text {
	margin-left: 168px;
	padding-top: 57px;
}

.section-2 .tab-1-slide .dl-2 p {
	margin-bottom: 23px;
}

.section-2 .tab-1-slide .dl-2 .l-btn {
	display: none;
}

.section-2 .tab-1-slide .dl-4 dd {
	height: 86px;
	margin-bottom: 12px;
}

.section-2 .tab-1-slide .dl-4 .img {
	float: left;
	width: 90px;
	height: 86px;
	background-position: center bottom;
	background-size: 80%;
	background-repeat: no-repeat;
}

.section-2 .tab-1-slide .dl-4 .text {
	margin-left: 90px;
	padding-top: 16px;
}

.section-2 .tab-1-slide .dl-4 .l-btn {
	position: absolute;
	right: 20px;
	top: 37px;
	display: none;
}

.section-2 .tab-1-slide .item-1 dl dd:nth-child(1) .img {
	background-image: url(../images/yunyingshang.svg);
	background-size: 50%;
}

.section-2 .tab-1-slide .item-1 dl dd:nth-child(2) .img {
	background-image: url(../images/daili.svg);
	background-size: 50%;
}

.section-2 .tab-1-slide .item-2 dl dd:nth-child(1) .img {
	background-image: url(../images/02-teb-img3.png);
}

.section-2 .tab-1-slide .item-2 dl dd:nth-child(2) .img {
	background-image: url(../images/02-teb-img4.png);
}

.section-2 .tab-1-slide .item-2 dl dd:nth-child(3) .img {
	background-image: url(../images/02-teb-img5.png);
}

.section-2 .tab-1-slide .item-2 dl dd:nth-child(4) .img {
	background-image: url(../images/02-teb-img6.png);
}

.section-2 .tab-1-slide .item-4 dl dd:nth-child(1) .img {
	background-image: url(../images/icon03.png);
	background-position: center center;
	background-size: 67%;
}

.section-2 .tab-1-slide .item-4 dl dd:nth-child(2) .img {
	background-image: url(../images/icon05.png);
	background-position: center center;
	background-size: 67%;
}

.section-2 .tab-1-slide .item-4 dl dd:nth-child(3) .img {
	background-image: url(../images/icon07.png);
	background-position: center center;
	background-size: 67%;
}

.section-2 .tab-1-slide .item-4 dl dd:nth-child(4) .img {
	background-image: url(../images/online-shop.png);
	background-position: center center;
	background-size: 67%;
}

.section-2 .section-tab .tab-item.on {
	width: 600px;
	margin-top: 0;
}

.section-2 .section-tab .tab-item.on .item-hd {
	width: 550px;
	height: 160px;
	background: url(../images/line-bg.jpg) repeat-y left top;
	background-size: 100%;
	color: #fff;
	margin-left: 25px;
	color: #fff;
}

.section-2 .section-tab .tab-item.on .hd-wrap .title h3 {
	font-size: 30px;
}

.section-2 .section-tab .tab-item.on .hd-wrap .title span {
	color: #fff;
	margin-top: 9px;
}

.section-2 .section-tab .tab-item.on .hd-wrap p {
	color: #fff;
}

.section-2 .section-tab .tab-item.on .item-bd {
	width: 600px;
	height: 560px;
}

.section-2 .section-tab .tab-item.on .bd-wrap {
	width: 530px;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 dd {
	height: 203px;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 .img {
	height: 203px;
	width: 240px;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 .text {
	margin-left: 240px;
	padding-top: 46px;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 .l-btn {
	display: block;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 dd {
	height: 100px;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 .img {
	width: 110px;
	height: 100px;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 .text {
	margin-left: 110px;
	padding-top: 24px;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 .l-btn {
	display: block;
}

.section-2 .dl-3 {
	width: 430px;
	margin: 0 auto;
	padding-top: 30px;
	transition: all .2s;
}

.section-2 .dl-3 dd {
	height: 135px;
	margin-bottom: 15px;
	border: 1px solid #ECECEC;
	position: relative;
	transition: all .2s;
}

.section-2 .dl-3 .img {
	float: left;
	transition: all .2s;
	margin-left: 7px;
	width: 129px;
	height: 100px;
	background-position: center bottom;
	background-size: 50%;
	background-repeat: no-repeat;
}

.section-2 .dl-3 .text {
	margin-left: 134px;
	transition: all .2s;
	padding-top: 22px;
}

.section-2 .dl-3 h4 {
	font-size: 16px;
	color: #333;
	margin-bottom: 6px;
	margin-top: 9px;
	font-weight: bold;
}

.section-2 .dl-3 p {
	font-size: 14px;
	color: #888;
	margin-bottom: 15px;
}

.section-2 .dl-3 .l-btn {
	display: none;
	width: 82px;
	height: 28px;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #3e4f65;
	color: #3e4f65;
	transition: all .2s;
}

.section-2 .dl-3 .l-btn:hover {
	background: #3e4f65;
	color: #fff;
}

.section-2 .dl-3 dd:nth-child(1) .img {
	background-image: url(../images/icon_coin.svg);
}

.section-2 .dl-3 dd:nth-child(2) .img {
	background-image: url(../images/icon_shop.svg);
}

.section-2 .dl-3 dd:nth-child(3) .img {
	background-image: url(../images/icon_o2o.svg);
}

.section-2 .section-tab .tab-item.on .dl-3 {
	width: 530px;
}

.section-2 .section-tab .tab-item.on .dl-3 dd {
	height: 154px;
}

.section-2 .section-tab .tab-item.on .dl-3 h4 {
	margin-top: 0;
}

.section-2 .section-tab .tab-item.on .dl-3 .img {
	width: 180px;
	height: 122px;
	background-size: 40%;
	margin-left: 0;
}

.section-2 .section-tab .tab-item.on .dl-3 .text {
	margin-left: 180px;
	padding-top: 32px;
}

.section-2 .section-tab .tab-item.on .dl-3 .l-btn {
	display: inline-block;
}

.section-2 .section-tab .tab-1-slide .dl-3 {
	padding-top: 0;
}

.section-2 .section-tab .tab-1-slide .dl-3 dd {
	height: 117px;
}

.section-2 .section-tab .tab-1-slide .dl-3 .img {
	height: 117px;
	background-position: center;
}

.section-2 .section-tab .tab-1-slide .item-3 .dl-3 dd:nth-child(1) .img {
	background-image: url(../images/02-teb-img16.png);
}

.section-2 .section-tab .tab-1-slide .item-3 .dl-3 dd:nth-child(2) .img {
	background-image: url(../images/02-teb-img17.png);
}

.section-2 .section-tab .tab-1-slide .item-3 .dl-3 dd:nth-child(3) .img {
	background-image: url(../images/02-teb-img18.png);
}

.section-2 .section-tab .tab-1-slide .dl-3 .text {
	padding-top: 28px;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-3 dd {
	height: 135px;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-3 .img {
	height: 135px;
	background-size: 57%;
}

.section-2 .section-tab .tab-item.on .tab-1-slide .dl-3 .text {
	padding-top: 20px;
}

.section-2-1 {
	background: #f4f6f9;
}

.section-2-1 .section-title {
	margin-bottom: 30px;
}

.section-2-1 .section-title a {
	display: none;
}

.section-2-1 .s-slide {
	width: 1120px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 40px;
}

.section-2-1 .s-slide .bd {
	height: 398px;
	background: #fff;
	overflow: hidden;
}

.section-2-1 .s-slide .bd-item {
	height: 398px;
}

.section-2-1 .s-slide .list {
	padding: 23px 0 0 20px;
}

.section-2-1 .s-slide .list li {
	background: #fff;
	width: 500px;
	float: left;
	margin: 0 20px;
	padding-bottom: 20px;
}

.section-2-1 .s-slide .list li .img {
	height: 281px;
	overflow: hidden;
	position: relative;
	background: #000;
}

.section-2-1 .s-slide .list li .img img {
	transition: all .4s;
	opacity: 1;
}

.section-2-1 .s-slide .list li .img .time {
	font-size: 14px;
	line-height: 36px;
	padding: 0 10px 0 50px;
	color: #fff;
	background: rgba(0, 0, 0, .3) url(../images/new_icon.png) no-repeat 16px center;
	position: absolute;
	right: 0;
	bottom: 0;
}

.section-2-1 .s-slide .list li .img .play {
	cursor: pointer;
	display: none;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px;
	z-index: 2;
	background: url(../images/new_butten.png) no-repeat;
}

.section-2-1 .s-slide .list li .img:hover img {
	opacity: .6;
	transform: scale(1.05);
}

.section-2-1 .s-slide .list li .img:hover .play {
	display: block;
}

.section-2-1 .s-slide .list li h3 {
	font-size: 20px;
	color: #333;
	margin: 9px 0 2px;
}

.section-2-1 .s-slide .list li p {
	color: #888888;
	font-size: 16px;
}

.section-2-1 .s-slide .hd {
	margin: 35px 0 0 0;
	text-align: center;
}

.section-2-1 .s-slide .hd li {
	width: 6px;
	height: 6px;
	border: 1px solid #E1E3E5;
	display: inline-block;
	margin: 0 3px;
	border-radius: 100%;
	cursor: pointer;
}

.section-2-1 .s-slide .hd li.on {
	background: #3e4f65;
	border-color: #3e4f65;
}

.section-2-1 .s-slide .prev,
.section-2-1 .s-slide .next {
	width: 34px;
	height: 34px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	margin-left: -18px;
	top: 423px;
}

.section-2-1 .s-slide .prev {
	margin-left: -80px;
}

.section-2-1 .s-slide .next {
	margin-left: 40px;
}

.section-2-1 .s-slide .prev:before,
.section-2-1 .s-slide .next:before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

.section-2-1 .s-slide .prev:before {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 15px;
	top: 13px;
}

.section-2-1 .s-slide .next:before {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	left: 11px;
	top: 13px;
}

.section-2-1 .s-slide .prev:hover,
.section-2-1 .s-slide .next:hover {
	background: #3e4f65;
	border-color: #3e4f65;
}

.section-2-1 .s-slide .prev:hover:before,
.section-2-1 .s-slide .next:hover:before {
	border-left-color: #fff;
	border-top-color: #fff;
}

.section-3 {
	width: 100vw;
	height: 18.34vw;
	background-image: url(../images/provide-back.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	/* background-attachment: fixed; */
	background-size: cover;
}

.section-3 .sec3-con {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 24px;
	text-align: center;
	background-color: rgba(0, 0, 0, .5);
}

.section-3 .sec3-con>span {
	margin-top: 20px;
	font-size: 16px;
}


.section-4 .list {
	margin: 0 -60px 0 96px;
}

.section-4 .list li {
	float: left;
	width: 224px;
	margin-bottom: 30px;
	margin-right: 163px;
}

.section-4 .list li .img {
	width: 171px;
	height: 171px;
	position: relative;
	margin-bottom: 10px;
}

.section-4 .list li .img i {
	position: absolute;
}

.section-4 .list li h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

.section-4 .list li p {
	font-size: 14px;
	color: #95989d;
}

.section-4 .list li.item-1 .s1 {
	top: 30px;
	left: 7px;
	z-index: 3;
	animation: i1s1 1s ease-in-out infinite alternate;
	width: 61px;
	height: 79px;
	background: url(../images/04-icon-1-1.png) no-repeat;
}

.section-4 .list li.item-1 .s2 {
	top: 95px;
	width: 72px;
	animation: i1s2 1s ease-in-out infinite alternate;
	height: 53px;
	background: url(../images/04-icon-1-2.png) no-repeat;
}

.section-4 .list li.item-1 .s3 {
	left: 14px;
	top: 108px;
	animation: i1s3 1s ease-in-out infinite alternate;
	width: 46px;
	height: 48px;
	background: url(../images/04-icon-1-3.png) no-repeat;
}

.section-4 .list li.item-2 .s1 {
	top: 68px;
	left: 0;
	animation: i2s1 1s linear infinite alternate;
	width: 140px;
	height: 75px;
	background: url(../images/04-icon-2-1.png) no-repeat;
}

.section-4 .list li.item-2 .s2 {
	top: 50px;
	left: 31px;
	animation: i2s2 8s linear infinite;
	width: 48px;
	height: 48px;
	background: url(../images/04-icon-2-2.png) no-repeat;
}

.section-4 .list li.item-2 .s3 {
	top: 79px;
	left: 70px;
	animation: i2s3 8s linear infinite;
	width: 37px;
	height: 38px;
	background: url(../images/04-icon-2-3.png) no-repeat;
}

.section-4 .list li.item-3 .s1 {
	left: 0;
	top: 43px;
	animation: i3s1 2s ease-in-out infinite alternate;
	width: 116px;
	height: 121px;
	background: url(../images/04-icon-3-1.png) no-repeat;
}

.section-4 .list li.item-3 .s2 {
	left: 96px;
	top: 105px;
	animation: i3s2 2s ease-in-out infinite alternate;
	z-index: 3;
	width: 28px;
	height: 28px;
	background: url(../images/04-icon-3-2.png) no-repeat;
}

.section-4 .list li.item-3 .s3 {
	left: 70px;
	top: 42px;
	animation: i3s3 2s ease-in-out infinite alternate;
	width: 46px;
	height: 47px;
	background: url(../images/04-icon-3-3.png) no-repeat;
}

.section-4 .list li.item-4 .s1 {
	left: 0;
	top: 38px;
	width: 111px;
	animation: i4s1 7s cubic-bezier(0.74, 0.01, 0.32, 0.99) infinite;
	height: 111px;
	background: url(../images/04-icon-4-1.png) no-repeat;
}

.section-4 .list li.item-4 .s2 {
	left: 35px;
	top: 68px;
	width: 43px;
	animation: i4s2 7s cubic-bezier(0.74, 0.01, 0.32, 0.99) infinite;
	height: 55px;
	background: url(../images/04-icon-4-2.png) no-repeat;
}

.section-4 .list li.item-5 .s1 {
	top: 90px;
	width: 154px;
	height: 60px;
	background: url(../images/04-icon-5-1.png) no-repeat;
}

.section-4 .list li.item-5 .s2 {
	top: 50px;
	left: 38px;
	animation: i5s2 5s ease-in-out infinite;
	z-index: 4;
	width: 81px;
	height: 76px;
	background: url(../images/04-icon-5-2.png) no-repeat;
}

.section-4 .list li.item-5 .s3 {
	left: 5px;
	top: 50px;
	animation: i5s3 2s ease-in-out infinite alternate;
	width: 21px;
	height: 50px;
	background: url(../images/04-icon-5-3.png) no-repeat;
}

.section-4 .list li.item-5 .s4 {
	left: 100px;
	top: 30px;
	animation: i5s4 5s ease-in-out infinite;
	width: 38px;
	height: 83px;
	background: url(../images/04-icon-5-4.png) no-repeat;
}

.section-4 .list li.item-6 .s1 {
	top: 40px;
	width: 140px;
	animation: i6s1 2s ease-in-out infinite alternate;
	height: 106px;
	background: url(../images/04-icon-6-1.png) no-repeat;
}

.section-4 .list li.item-6 .s2 {
	top: 106px;
	left: 30px;
	width: 111px;
	height: 29px;
	background: url(../images/04-icon-6-2.png) no-repeat;
}

@keyframes i1s1 {
	0% {
		transform: translate(0, -10px);
	}

	100% {
		transform: translate(0, 0);
	}
}

@keyframes i1s2 {
	0% {
		transform: translate(0, -10px) scaleY(1.4);
		transform-origin: center top;
	}

	100% {
		transform: translate(0, 0) scaleY(1.2);
		transform-origin: center top;
	}
}

@keyframes i1s3 {
	0% {
		transform: translate(0, -10px);
	}

	20% {
		opacity: 1;
	}

	40% {
		opacity: 0.7;
	}

	60% {
		opacity: 1;
	}

	80% {
		opacity: 0.7;
	}

	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@keyframes i2s1 {
	0% {
		opacity: 1;
	}

	100% {
		opacity: .3;
	}
}

@keyframes i2s2 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes i2s3 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(-360deg);
	}
}

@keyframes i3s1 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(-2px, 2px);
	}
}

@keyframes i3s2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(5px, 5px);
	}
}

@keyframes i3s3 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(5px, -5px);
	}
}

@keyframes i4s1 {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(1800deg);
	}

	100% {
		transform: rotate(1800deg);
	}
}

@keyframes i4s2 {
	0% {
		opacity: .6;
		transform: scale(.8);
	}

	50% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: .6;
		transform: scale(.8);
	}
}

@keyframes i5s1 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(0, 7px);
	}
}

@keyframes i5s2 {
	0% {
		transform: translate(0, -20px);
		opacity: 0;
	}

	25% {
		transform: translate(0, 0);
		opacity: 1;
	}

	75% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translate(0, 0) scale(1.5);
		opacity: 0;
	}
}

@keyframes i5s3 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(0, -7px);
	}
}

@keyframes i5s4 {
	0% {
		transform: translate(0, -20px);
		opacity: 0;
	}

	25% {
		transform: translate(0, -20px);
		opacity: 0;
	}

	50% {
		transform: translate(0, 0);
		opacity: 1;
	}

	100% {
		transform: translate(0, 0);
		opacity: 0;
	}
}

@keyframes i6s1 {
	0% {
		transform: translate(0, 3px);
	}

	100% {
		transform: translate(0, -4px);
	}
}


.section-5 {
	margin: 60px;
}

.section-5 .hd .list {
	padding-left: 71px;
	height: 96px;
}

.section-5 .sec5-con {
	width: 83.27vw;
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	justify-content: space-between;
}

.section-5 .sec5-con .sec5-item {
	padding: 30px;
	width: 36.14vw;
}

.section-6 {
	height: 595px;
	width: 100%;
	overflow: hidden;
	background: #1A1A28;
	position: relative;
	color: #fff;
}

.section-6 .bd {
	height: 100%;
}

.section-6 .bd li {
	height: 595px;
	text-align: center;
}

.section-6 .bd li .h2 {
	font-size: 24px;
	font-weight: 700;
	padding-top: 124px;
}

.section-6 .bd li .h2:after {
	content: "";
	width: 21px;
	height: 3px;
	display: block;
	background: #ED3C3F;
	margin: 30px auto;
}

.section-6 .bd li .text {
	font-size: 14px;
	line-height: 30px;
	width: 884px;
	margin: 0 auto 21px;
}

.section-6 .bd .item-1 {
	background: url(../images/06-img1.jpg) no-repeat;
}

.section-6 .bd .item-2 {
	background: url(../images/06-img2.jpg) no-repeat;
}

.section-6 .bd .item-3 {
	background: url(../images/06-img3.jpg) no-repeat;
}

.section-6 .bd .item-4 {
	background: url(../images/06-img4.jpg) no-repeat;
}

.section-6 .bd .item-5 {
	background: url(../images/06-img5.jpg) no-repeat;
}

.section-6 .bd .item-6 {
	background: url(../images/06-img6.jpg) no-repeat;
}

.section-6 .bd .item-7 {
	background: url(../images/06-img7.jpg) no-repeat;
}

.section-6 .hd {
	position: absolute;
	height: 161px;
	width: 976px;
	left: 50%;
	margin-left: -477px;
	bottom: 0;
}

.section-6 .hd li {
	float: left;
	height: 161px;
	width: 244px;
	cursor: pointer;
	text-align: center;
}

.section-6 .hd li.on {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ed3c3f+100&0+1,0.75+100 */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 253, 0) 1%, rgba(237, 60, 63, 0.75) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 253, 0) 1%, rgba(237, 60, 63, 0.75) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 253, 0) 1%, rgba(237, 60, 63, 0.75) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#bfed3c3f', GradientType=0);
	/* IE6-9 */
}

.section-6 .hd li .img {
	background: url(../images/06-icon_ea32be9db72d41ddbd3e04c28d9b9994.png) no-repeat;
	margin: 42px auto 13px;
	width: 35px;
	height: 30px;
}

.section-6 .hd li p {
	font-size: 16px;
}

.section-6 .hd li.item-1 .img {
	background-position: 0 0;
}

.section-6 .hd li.item-2 .img {
	background-position: -39px 0;
}

.section-6 .hd li.item-3 .img {
	background-position: -77px 0;
}

.section-6 .hd li.item-4 .img {
	background-position: -117px 0;
}

.section-6 .hd li.item-5 .img {
	background-position: -158px 0;
}

.section-6 .hd li.item-6 .img {
	background-position: -197px 0;
}

.section-6 .hd li.item-7 .img {
	background-position: -237px 0;
}

.section-7 .container {
	position: relative;
}

.section-7 .img {
	position: absolute;
	width: 575px;
	height: 422px;
	top: 176px;
	left: 50%;
	margin-left: -262px;
}

.section-7 .img .img-1 {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 555px;
	height: 402px;
	background: url(../images/07-img-1.png) no-repeat center;
}

.section-7 .img .img-2 {
	position: absolute;
	left: -13px;
	top: 74px;
	width: 150px;
	height: 135px;
	background: url(../images/07-img-2.png) no-repeat center;
	animation: s7i2 1.5s ease-in-out infinite alternate;
}

.section-7 .img .img-3 {
	position: absolute;
	left: 450px;
	top: 130px;
	width: 109px;
	height: 104px;
	background: url(../images/07-img-3.png) no-repeat center;
	animation: s7i3 1.5s ease-in-out .7s infinite alternate;
}

.section-7 .list {
	height: 402px;
	position: relative;
	z-index: 2;
	padding-top: 36px;
}

.section-7 .list li {
	float: left;
	width: 286px;
	margin-bottom: 114px;
}

.section-7 .list li.item-1,
.section-7 .list li.item-3 {
	margin-right: 520px;
	margin-left: 60px;
	width: 326px;
}

.section-7 .list .title {
	font-size: 20px;
	color: #3e4f65;
	font-weight: 700;
	position: relative;
	margin-bottom: 19px;
}

.section-7 .list .title i {
	display: inline-block;
	width: 40px;
	height: 30px;
	vertical-align: -7px;
	margin-right: 5px;
	background: url(../images/07-icon.png) no-repeat;
}

.section-7 .list .item-1 .title i {
	background-position: 4px 0;
}

.section-7 .list .item-2 .title i {
	background-position: -35px 0;
}

.section-7 .list .item-3 .title i {
	background-position: -75px 0;
}

.section-7 .list .item-4 .title i {
	background-position: -114px 0;
}

.section-7 .list .text {
	font-size: 16px;
	color: #95989d;
}

.section-7 .list .text p {
	margin-left: 40px;
	margin-bottom: 7px;
}

.section-7 .list .text p:before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #95989d;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.section-7 .list .item-3 .text {
	padding-left: 19px;
}

.section-7 .list .item-3 .text p {
	float: left;
	margin-left: 21px;
}

@keyframes s7i2 {
	0% {
		transform: translate(0, 3px);
	}

	100% {
		transform: translate(0, -4px);
	}
}

@keyframes s7i3 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(0, -7px);
	}
}

.section-8 {
	background: #F6F8FB;
	padding-bottom: 50px;
}

.section-8 .section-title a {
	display: none;
}

.section-8 .list {
	margin-right: -19px;
	margin-top: -30px;
}

.section-8 .list li {
	float: left;
	width: 228px;
	height: 79px;
	cursor: pointer;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #EDEDED;
	margin: 0 12px 9px 0;
}

.section-8 .list li.item-1 {
	background-image: url(../images/aliyun.png);
}

.section-8 .list li.item-2 {
	background-image: url(../images/alipay.png);
}

.section-8 .list li.item-3 {
	background-image: url(../images/weixin.png);
}

.section-8 .list li.item-4 {
	background-image: url(../images/alimama.png);
}

.section-8 .list li.item-5 {
	background-image: url(../images/jdunion.png);
}

.section-8 .list li.item-6 {
	background-image: url(../images/duoduojinbao.png);
}

.section-8 .list li.item-7 {
	background-image: url(../images/alibaichuan.png);
}

.section-8 .list li.item-8 {
	background-image: url(../images/talkingdata.png);
}

.section-8 .list li.item-9 {
	background-image: url(../images/jiguang.png);
}

.section-8 .list li.item-10 {
	background-image: url(../images/meiqia.png);
}

.section-8 .list li:hover {
	box-shadow: 0px 1px 30px rgba(0, 0, 0, .1)
}

.section-con {
	height: 35vw;
	display: flex;
	justify-content: space-between;
}

.con-left>img {
	width: 41.64vw;
	height: 100%;
}

.con-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 20px;
}

.con-right .dd {
	font-size: 16px;
}

.con-right .dd>span {
	font-size: 14px;
	color: rgba(153, 153, 153, 1);
}

.qr-code {
	width: 16.49vw;
	height: 16.49vw;
}

.sec4-list {
	margin-top: 115px;
	display: flex;
	justify-content: center;
}

.sec4-list li {
	position: relative;
	margin: 0 20px;
	width: 18.40vw;
	height: 12.31vw;
	color: #fff;
	background-size: cover;
	background-position: center;
	text-align: center;
	animation: ifsec4Andi forwards .3s;
}

.sec4-list li:hover {
	animation: sec4Andi forwards .3s !important;
}

.sec4-list li>div {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2.63vw;
	line-height: 2.63vw;
	font-size: 15px;
	background-color: rgba(0, 0, 0, .7);
}

@keyframes sec4Andi {
	0% {
		background-size: 100% 100%;
	}

	100% {
		background-size: 120% 120%;
	}
}

@keyframes ifsec4Andi {
	0% {
		background-size: 120% 120%;
	}

	100% {
		background-size: 100% 100%;
	}
}

.section-9 .s-left .number {
	font-size: 36px;
	color: #fff;
}

.section-9 .s-left .text {
	font-size: 18px;
	color: #fff;
}